<section class="channel-group">
  <div class="channel-group__header">
    <div class="channel-group__title">限时免费</div>
  </div>
  <ul class="book-table">
    <li v-for="(item,index) in free" :key="item.id" v-if="index < 6">
      <a :href="'/book?id='+item.data.fiction_id">
      <div class="u-book -vertical">
        <div class="book-cover">
          <img :src="item.data.cover" :alt="item.data.title">
          <div class="u-tagRT -freefiction"></div>
        </div>
        <div class="book-info">
          <h3 class="title">{{item.data.title}}</h3>
        </div>
      </div>
      </a>
    </li>
  </ul>
  <a href="/free" class="channel-group__footer">更多免费佳作&gt;&gt;</a>
</section>
